﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生活缴费</title>
    <link rel="stylesheet" href="css/selfpayment.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/nav2.css">
</head>
<body>
<nav>
    <div class="menubar">
        <a href="index.html" class="home"><img src="images/logo.png" width="200" height="70"></a>
        <div class="icons">
            <div class="secondary-icons">
                <i class="icon-second"><a href="personalcenter.html"><img src="images/svg/icon-171.svg"></a></i>
                <i class="icon-second"><a href="helpandsupport.html"><img src="images/svg/icon-198.svg"></a></i>
            </div>

            <i class="icon-menu"><span></span></i>
        </div>
    </div>
    <ul class="menu">
        <li class="menu-link">
            <a href="index.html" class="text-item">首 页</a>
        </li>
        <li class="menu-link sub">
            <a href="#0" class="text-item">资金来往<span class="icon"></span></a>
        </li>
        <li class="menu-link sub">
            <a href="personalcenter.html" class="text-item">个人中心<span class="icon"></span></a>
        </li>
        <li class="menu-link">
            <a href="helpandsupport.html" class="text-item">帮助与服务</a>
        </li>
    </ul>
</nav>

<div class="container">
    <div class="map">
        <img src="images/map/map.jpg" width="716" height="595" usemap="#Map" border="0">
        <div class="city">
            <div class="citybg"
                 style="background:url(images/map/anhui.png) no-repeat 0 0; top:314px; left:523px; width:75px; height:90px;"></div>
            <a style=" position:absolute; top:355px; left:545px; z-index:10;" href="selfpayment.html">安徽省</a></div>
        <div class="city">
            <div class="citybg"
                 style="background:url(images/map/neimeng.png) no-repeat 0 0;  top:9px; left:296px; width:318px; height:272px;"></div>
            <a style="position:absolute; top:211px; left:424px; z-index:10;" href="selfpayment.html">内蒙古自治区</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/heilongjiang.png) no-repeat 0 0; top:1px; left:550px; width:165px; height:151px;"></div>
            <a style="position:absolute;top:81px; left:624px; z-index:10;" href="selfpayment.html">黑龙江省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/xinjiang.png) no-repeat 0 0; top:73px; left:0px; width:292px; height:223px;"></div>
            <a style="position:absolute;top:211px; left:124px; z-index:10;" href="selfpayment.html">新疆维吾尔自治区</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/xizang.png) no-repeat 0 0; top:275px; left:31px; width:281px; height:175px;"></div>
            <a style="position:absolute;top:361px; left:145px; z-index:10;" href="selfpayment.html">西藏自治区</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/qinghai.png) no-repeat 0 0; top:240px; left:182px; width:185px; height:135px;"></div>
            <a style="position:absolute;top:300px; left:254px; z-index:10;" href="selfpayment.html">青海省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/gansu.png) no-repeat 0 0; top:187px; left:236px; width:207px; height:177px;"></div>
            <a style="position:absolute;top:310px; left:364px; z-index:10;" href="selfpayment.html">甘肃省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/ningxia.png) no-repeat 0 0; top:245px; left:379px; width:49px; height:75px;"></div>
            <a style="position:absolute;top:272px; left:390px; z-index:10;" href="selfpayment.html">宁夏回族自治区</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/shanghai.png) no-repeat 0 0; top:354px; left:610px; width:23px; height:22px;"></div>
            <a style="position:absolute;top:352px; left:615px;; z-index:10;" href="selfpayment.html">上海市</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/liaoning.png) no-repeat 0 0; top:161px; left:557px; width:91px; height:87px;"></div>
            <a style="position:absolute;top:180px; left:600px; z-index:10;" href="selfpayment.html">辽宁省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/guangdong.png) no-repeat 0 0; top:470px; left:464px; width:111px; height:88px;"></div>
            <a style="position:absolute;top:490px; left:500px; z-index:10;" href="selfpayment.html">广东省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/guangxi.png) no-repeat 0 0; top:454px; left:382px; width:118px; height:92px;"></div>
            <a style="position:absolute;top:488px; left:432px; z-index:10;" href="selfpayment.html">广西壮族自治区</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/henan.png) no-repeat 0 0; top:288px; left:461px; width:118px; height:92px;"></div>
            <a style="position:absolute;top:320px; left:490px; z-index:10;" href="selfpayment.html">河南省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/shanxi.png) no-repeat 0 0; top:242px; left:396px; width:79px; height:134px;"></div>
            <a style="position:absolute;top:321px; left:430px; z-index:10;" href="selfpayment.html">陕西省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/shanxi2.png) no-repeat 0 0; top:219px; left:458px; width:56px; height:112px;"></div>
            <a style="position:absolute;top:271px; left:470px; z-index:10;" href="selfpayment.html">山西省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/hebei.png) no-repeat 0 0; top:184px; left:497px; width:85px; height:118px;"></div>
            <a style="position:absolute;top:247px; left:508px; z-index:10;" href="selfpayment.html">河北省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/jilin.png) no-repeat 0 0; top:113px; left:575px; width:125px; height:88px;"></div>
            <a style="position:absolute;top:150px; left:642px; z-index:10;" href="selfpayment.html">吉林省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/beijing.png) no-repeat 0 0; top:210px; left:512px; width:50px; height:38px;"></div>
            <a style="position:absolute;top:215px; left:515px; z-index:10;" href="selfpayment.html">北京市</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/tianjin.png) no-repeat 0 0; top:224px; left:535px; width:26px; height:34px;"></div>
            <a style="position:absolute;top:229px; left:535px; z-index:10;" href="selfpayment.html">天津市</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/shandong.png) no-repeat 0 0; top:256px; left:521px; width:103px; height:68px;"></div>
            <a style="position:absolute;top:281px; left:540px; z-index:10;" href="selfpayment.html">山东省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/jiangsu.png) no-repeat 0 0; top:305px; left:539px; width:93px; height:72px;"></div>
            <a style="position:absolute;top:321px; left:570px; z-index:10;" href="selfpayment.html">江苏省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/hainan.png) no-repeat 0 0; top:556px; left:442px; width:89px; height:88px;"></div>
            <a style="position:absolute;top:565px; left:450px; z-index:10;" href="selfpayment.html">海南省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/hubei.png) no-repeat 0 0; top:345px; left:438px; width:115px; height:75px;"></div>
            <a style="position:absolute;top:365px; left:480px; z-index:10;" href="selfpayment.html">湖北省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/yunnan.png) no-repeat 0 0; top:412px; left:280px; width:132px; height:138px;"></div>
            <a style="position:absolute;top:485px; left:320px; z-index:10;" href="selfpayment.html">云南省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/sichuan.png) no-repeat 0 0; top:328px; left:284px; width:161px; height:143px;"></div>
            <a style="position:absolute;top:385px; left:345px; z-index:10;" href="selfpayment.html">四川省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/guizhou.png) no-repeat 0 0; top:409px; left:367px; width:93px; height:81px;"></div>
            <a style="position:absolute;top:445px; left:405px; z-index:10;" href="selfpayment.html">贵州省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/taiwan.png) no-repeat 0 0; top:456px; left:613px; width:32px; height:65px;"></div>
            <a style="position:absolute;top:475px; left:620px; z-index:10;" href="selfpayment.html">台湾省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/fujian.png) no-repeat 0 0; top:415px; left:548px; width:70px; height:84px;"></div>
            <a style="position:absolute;top:445px; left:565px; z-index:10;" href="selfpayment.html">福建省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/hunan.png) no-repeat 0 0; top:394px; left:445px; width:83px; height:96px;"></div>
            <a style="position:absolute;top:425px; left:475px; z-index:10;" href="selfpayment.html">湖南省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/zhejiang.png) no-repeat 0 0; top:367px; left:574px; width:62px; height:70px;"></div>
            <a style="position:absolute;top:395px; left:588px; z-index:10;" href="selfpayment.html">浙江省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/jiangxi.png) no-repeat 0 0; top:390px; left:513px; width:76px; height:98px;"></div>
            <a style="position:absolute;top:425px; left:525px; z-index:10;" href="selfpayment.html">江西省</a></div>
        <div class="city">
            <div class="citybg"
                 style=" background:url(images/map/chongqing.png) no-repeat 0 0; top:363px; left:397px; width:70px; height:80px;"></div>
            <a style="position:absolute;top:390px; left:420px; z-index:10;" href="selfpayment.html">重庆市</a></div>
    </div>
    <div class="container">
        <form class="form-inline">
            <div data-toggle="distpicker">
                请输入您的所在地 :
                <div class="form-group">
                    <label class="sr-only" for="province1">Province</label>
                    <select class="form-control" id="province1"></select>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="city1">City</label>
                    <select class="form-control" id="city1"></select>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="district1">District</label>
                    <select class="form-control" id="district1"></select>
                </div>
                <button type="submit" class="btn btn-default" id="select" onclick="window.open('loading.html')">查 询
                </button>
            </div>
        </form>
    </div>
</div>
</div>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/distpicker.data.js"></script>
<script src="js/distpicker.js"></script>
<script src="js/livingexpenessmain.js"></script>
<script src="js/nav2.js"></script>
</body>
</html>